iTunes V.2

Did you like my first iTunes layout? Well, you might like this one. It looks much cleaner, organized, and shows comments. ( A lot of people been asking how to add comments so I added it on to V.2)

IE & FF COMPATIBLE
Best resolution: 1024 x 768 (and higher?)

REMEMBER;
& to take everything off you're myspace first before adding the code.
& to not remove the credits.
& to replace you're friend id where it says FRIEND ID HERE.
& to add you're information.

Put TITLE NAME for each section or whatever.

Don't forget to add you're friends picture in 60x60 (reccommended). Or whatever size you want as long as it will fit in the Friends div.
& To put you're friends URL

Enjoy.

• This is a div overlay layout, html knowledge required!
• 1. Log into myspace.com
• 2. Click on Edit Profile (Profile 1.0)
• 3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css"> table table td.text table td.text table table tbody td table, span.btext {display: none !important} table table,table table table table,table table{background-color:transparent;width:;border:0px;} div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;} a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,.nametext,div div font font u,table table table table, table.contacttable{display:none;} div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none} td.text table table {display:inline; visibility:visible;} embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;} .comments{visibility:visible;width:339px; height: 360px;position:absolute;top:188px;left:360px; overflow:auto;background-color:; border:px solid;z-index:2px;} .title { color: FFFFFF; font: 8pt arial; font-weight: bold; letter-spacing: 0px; padding: 0px; background-color: ; background-image: url('http://layouts.cbimg6.com/34/17054g.gif'); background-repeat:repeat; text-align:center; text-transform:uppercase;} .blacktext10{font-family:arial; font-size:12px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; background-image: url('http://layouts.cbimg6.com/34/17054h.gif'); background-repeat:repeat; text-align:center;} input, select, textarea, .textfield, .button { font-family:arial; font-size:10pt; color:000000; border: 1px dashed FFFFFF; background-color:transparent; text-align:center;} body,table, td, li, p, div, textarea {border:0px; text-transform: none; line-height:12px; text-align: justify; font:normal 10px Arial; color:000000; } u, s, .stext, .sbtext, .swtext { font-family: arial; font-size: 10px; color: 3D80DF; text-align: justify;} body { background-color: ffffff; scrollbar-face-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-arrow-color:6A9FE9; scrollbar-track-color:ffffff;} .standard b, p b, B, strong { font-family:arial; font-size:10px; color:000000; font-weight:bold; border:0px; text-transform:none; letter-spacing: px;} i, em, .itext { font-family: arial; font-size: 10px; color: 669DEA; text-align: justify;} td.text td.text table table table td a img {width:100px;} td.text td.text table table table td div img {width:80px;} td.text td.text table table td img {width:260px; max-width:260px; width:auto;} td.text td.text table table td div img {width:80px;} * html td.text td.text table table td img {width:260px;} * html td.text td.text table table td a img {width:90px;} * html td.text td.text table table td div img {width:80px;} a:link, a.man{font-family:arial; font-size:9px; color:3A7AD5; font-weight:none;border:0px; text-transform: ; letter-spacing: 0px;} a:active{font-family:arial; font-size:10px; color:3A7AD5; font-weight:none;border:0px; text-transform: ;} a:visited{font-family:arial; font-size:10px; color:3A7AD5; font-weight:none;border:0px; text-transform: ;} a:hover{font-family:arial; font-size:10px; color:6A9FE9; font-weight:none;border:0px; text-transform: ;} a.redlink{font-family:arial; font-size:10px; color:3A7AD5; font-weight:none;border:0px; text-transform: ;} a.redlink:link{font-family:arial; font-size:10px; color:3A7AD5; font-weight:none;border:0px; text-transform: ;} a.redlink:active{font-family:arial; font-size:10px; color:3A7AD5; font-weight:none;border:0px; text-transform: ;} a.redlink:visited{font-family:arial; font-size:10px; color:3A7AD5; font-weight:none;border:0px; text-transform: ; } a.redlink:hover{font-family:arial; font-size:10px; color:6A9FE9; font-weight:none;border:0px; text-transform: ;} </style> <div class="iTunes" style="position: absolute; left:180px; top:93px; width:874px; height:665px; overflow: hidden;"> <TABLE WIDTH=874 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD> <IMG SRC="http://layouts.cbimg6.com/34/17054c.gif" WIDTH=305 HEIGHT=665 ALT=""></TD> <TD> <IMG SRC="http://layouts.cbimg6.com/34/17054d.gif" WIDTH=305 HEIGHT=665 ALT=""></TD> <TD> <IMG SRC="http://layouts.cbimg6.com/34/17054e.gif" WIDTH=264 HEIGHT=665 ALT=""></TD> </TR> </TABLE> </div> <div class="aboutme" style="position: absolute; left:700px; top:186px; width:336px; height:360px; overflow: auto;"> <p class="title">About the layout</p> This layout features the most popular music player, iTunes. It's a div overlay with comments. The colors are based on the player and I don't give credit for making this iTunes interface. Apple does. (= <b>Don't remove the credits.</b> <p class="title">Title here</p> Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here. <p class="title">Title here</p> Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here.Say anything you want here. Say anything you want here. <p class="title">Credits</p> Created by <a href="myspace.com/dizhomeboyy">Dizhomeboyy</a> @ <a href="createblog.com">createblog.com</a>. Layout interfaced by Apple. </div> <div class="aboutme" style="position: absolute; left:183px; top:170px; width:173px; height:551px; overflow: auto;"> <p class="title">Navigation</p> �� <a href="http://www.myspace.com">Home</a> <br> �� <a href="http://mail8.myspace.com/index.cfm?fuseaction=mail.message&friendID=FRIEND ID HERE">Message me</a> <br> �� <a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=FRIEND ID HERE">Add Me To Group</a> <br> �� <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify &friendID=FRIEND ID HERE">Add Me</a> <br> �� <a href="http://www.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=FRIEND ID HERE">Rank Me</a> <br> �� <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=FRIEND ID HERE">View Pictures</a> <br> �� <a href="http://chat.myspace.com/index.cfm?fuseaction=messenger&strDestinationUs erID=FRIEND ID HERE&sendType=0" target="_blank">Instant Message</a><br> <p class="title">extra info</p> Add anything you want here. Don't add huge pictures here or it will turn out ugly. Resize them or put them on the other div. Add anything you want here. Don't add huge pictures here or it will turn out ugly. Resize them or put them on the other div. Add anything you want here. Don't add huge pictures here or it will turn out ugly. Resize them or put them on the other div. Add anything you want here. Don't add huge pictures here or it will turn out ugly. Resize them or put them on the other div. Add anything you want here. Don't add huge pictures here or it will turn out ugly. Resize them or put them on the other div. Add anything you want here. Don't add huge pictures here or it will turn out ugly. Resize them or put them on the other div. Add anything you want here. Don't add huge pictures here or it will turn out ugly. Resize them or put them on the other div. <br> <u>UNDERLINE</u> & <b>BOLD</b> & <i>ITALIC</i><br> <b>Put less info here. More info on bigger div.</b> </div> <div class="comments" style="position: absolute; left:400px; top:600px; width:281px; height:113px; overflow: hidden; z-index:1;"> <center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="FRIEND ID HERE" type="hidden"><textarea name="f_comments" cols="40" rows="5" border-width: px; border-style: solid; border-color: ffffff; font-family: arial; font-size: 9px; color: 6FAFC3; background-color: 000000;" style="overflow:auto;">YOU CAN CHANGE THIS TO WHATEVER YOU LIKE FOR YOU'RE COMMENT MESSAGE. (=</textarea><br> <input value="Comment" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: arial; font-size: 10px; color: 000000; background-color: transparent;" type="submit"> <input value="Reset" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: arial; font-size: 10px; color: 000000; background-color: transparent;" type="reset"></form></center></div> <div class="friends" style="position: absolute; left:735px; top:590px; width:288px; height:130px; overflow: hidden; z-index:1;"> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a><br> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a> <a href="FRIEND URL HERE" border=0><img src="http://layouts.cbimg6.com/34/17054f.gif"></a> </div>

<div class="comments"><table><tr><td><table><tr><td>

:] creative.
possessinq!

I like it, but it's a bit cluttered--shouldn't the column with more headings that would probably be used as an About Me be on the left, and the extra info on the right? And matching the scrolling in the layout with the scrolling in the iTunes picture would've been loverly.

Other than that, it's great. :D

i can put none of the layouts i found on my myspace........you can reach me at killulhater@yahoo.com

Fuckingtastic!
love love love it!

i'm not a fan of the itunes layouts.

hey, I was wondering how to put pictures in the bottom part, where it says "image 60x60". Any help would be appreciated.
Message me a myspace.com/redtictacs. Thanks!

This one is way better than the first, but still think you could have done more, maybe with the navigation or something. Also I dont like where you put the comments, you should have pit it in the place where you have the friends.

How come you can't find the friend id. ITS THERE.

"FRIEND ID HERE". It's near the bottom where the links are...

okay.. i have this on my page and there are only two problems. One, the itunes page is to far to the left and i want it centered and two, none of the messege of navigation links work and i checked for the FRIEND ID HERE almost 100 hundred times and never found them. How do i fix this porblems? You can reach me at www.myspace.com/nothinbutsex or http://profile.myspace.com/ind ex.cfm?fuseaction=user.viewpro file&friendid=70018723&MyToken =1dd498ce-dad7-4695-b2ec-5f2ad 8ce568b. Please reach me soon!!!

its cool.
but bigg-ish.

View all »

Designer	Relentless
Submitted on	Mar 16, 2007
Page views	114,623
Favorites	444
Comments	44

, itunes, div overlay, white, blue

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts